<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>app</title>

    <!--重置样式-->
    <link rel="stylesheet/less" href="css/reset.less">

    <!--公共样式-->
    <link rel="stylesheet/less" href="css/common.less">

   <!-- 首页的样式 -->
   <link rel="stylesheet/less" href="css/index.less">
</head>
<body>
    <header>
        <div class="search">
            <img src="images/search.png" alt="">
            <input type="text" placeholder="搜索内容">
        </div>
    </header>
    <!--轮播图-->
    <div id="wrap">
        <!--图片列表-->
        <div class="img-list">
            <img src="images/1_06.png" alt=""/>
            <img src="images/2_06.png" alt=""/>
            <img src="images/1_06.png" alt=""/>
            <img src="images/2_06.png" alt=""/>
            <img src="images/2_06.png" alt=""/>
        </div>
        <!--小箭头-->
        <div class="arrow">
            <a href="javascript:;" class="left"><</a>
            <a href="javascript:;" class="right">></a>
        </div>
         <!--小圆点-->
    <ul class="circle-list">
        <li class="circle active" data-n="0"></li>
        <li class="circle" data-n="1"></li>
        <li class="circle" data-n="2"></li>
        <li class="circle" data-n="3"></li>
        <li class="circle" data-n="4"></li>
    </ul>
    </div>  

    <div class="cate">

        <div class="item">
            <img src="images/6.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/7_03.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/8_03.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/9_03.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/10_03.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/01首页_03.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/12_03.png" alt="">
            <div class="">服饰</div>
        </div>

        <div class="item">
            <img src="images/13_03.png" alt="">
            <div class="">服饰</div>
        </div>

    </div>

    <div class="cate-title">
        <span>服饰</span>
        <span>更多>></span>
    </div>

    <div class="list">

        <div class="item">
            <img src="images/3_03.png" alt="">
            <div class="title">
                16年终疯狂—2折秒杀
            </div>
            <div class="data">2016-12-25</div>
            <div class="num">查看详情>></div>
        </div>

        <div class="item">
            <img src="images/15_03.png" alt="">
            <div class="title">
                16年终疯狂—2折秒杀
            </div>
            <div class="data">2016-12-25</div>
            <div class="num">查看详情>></div>
        </div>

        <div class="item">
            <img src="images/15_03.png" alt="">
            <div class="title">
                16年终疯狂—2折秒杀
            </div>
            <div class="data">2016-12-25</div>
            <div class="num">查看详情>></div>
        </div>

        <div class="item">
            <img src="images/3_03.png" alt="">
            <div class="title">
                16年终疯狂—2折秒杀
            </div>
            <div class="data">2016-12-25</div>
            <div class="num">查看详情>></div>
        </div>

    </div>
    <nav>
        <ul>
            <li>
                <a href="#">
                    <img src="images/主页_11.png">
                    <div>主页</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/店铺_11.png">
                    <div>店铺</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/我的_11.png">
                    <div>我的</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/订单_11.png">
                    <div>订单</div>
                </a>
            </li>
        </ul>
    </nav>
</body>
</html>
<script src="js/common.js"></script>
<script src="js/less.min.js"></script>
<script src="js/lubo.js" ></script>